<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>本地生活·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <%request.setAttribute("LEFT", "clinic");%>
            <%@include file="../components/left.jsp"%>
        </nav>
        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom m-b-20">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>卫生所</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="active">
                		<span>本地生活</span>
                	</li>
                	<li class="active">
                		<span>街卫生所</span>
                	</li>
               	</ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox float-e-margins barcontent" id="barcontent"></div>
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="input-select" style="margin-bottom: 20px">
	                               		<div class="input-selectbox">
                                            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle" type="button"  aria-expanded="false">
                                            <i class="fa fa-bars"></i>
                                            <span id="inputSelected">地区</span></button>
                                            <ul class="dropdown-menu" id="selectlist">
                                            	<li><a onclick="setselect(this)">地区</a></li>
                                                <li><a onclick="setselect(this)">名称</a></li>
                                            </ul>
	                                        <input type="text" id="searchkeyword"  class="form-control" style="width:440px;padding-right: 42px;">
	                                        <i id="gosearch" class="fa fa-search cursearch" onclick="article(1)"></i>
										</div>
<!-- 										<div class="form-group"> -->
<!-- 										  <label for="">被执行人：</label> -->
<!-- 										  <select class="form-control" id="executionPerson" onchange="article(1)"> -->
<!-- 											<option value="不限">不限</option> -->
<!-- 											<option value="企业">企业</option> -->
<!-- 											<option value="个人">个人</option> -->
<!-- 										  </select> -->
<!-- 										</div> -->
<!-- 										<div class="form-group"> -->
<!-- 										  <label for="">年份：</label> -->
<!-- 										  <select class="form-control" id="time" onchange="article(1)"> -->
<!-- 											<option value="不限">不限</option> -->
<!-- 											<option value="一年以内">一年以内</option> -->
<!-- 											<option value="一到两年">一到两年</option> -->
<!-- 											<option value="两到三年">两到三年</option> -->
<!-- 											<option value="三到四年">三到四年</option> -->
<!-- 											<option value="四到五年">四到五年</option> -->
<!-- 											<option value="五到六年">五到六年</option> -->
<!-- 											<option value="六到七年">六到七年</option> -->
<!-- 											<option value="七到八年">七到八年</option> -->
<!-- 											<option value="八到九年">八到九年</option> -->
<!-- 											<option value="九到十年">九到十年</option> -->
<!-- 											<option value="十年以上">十年以上</option> -->
<!-- 										  </select> -->
<!-- 										</div> -->
	                                </div>
                          <!-- <div class="row" style="font-size: 16px;margin-top: 2%;padding: 0 30px;">
                            	<span>做出执行单位：</span>
                            	<select id="org-select" onchange="article(1)" style="outline:none;border-radius:4px;padding: 3px 5px;" >
                            		<option value="">全部</option>
                            	</select>
                            	<span style="margin-left: 30px;">匹配方式：</span>
                            	<select id="car-select" onchange="article(1)" style="outline:none;border-radius:4px;padding: 3px 5px;" >
                            		<option value="0">全文</option>
                            		<option value="1">标题</option>
                            		<option value="2">正文</option>
                            	</select>
                            </div>  -->  
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                <div class="panel blank-panel">
<!--                                 <div class="panel-heading"> -->
<!--                                     <div class="panel-options"> -->
<!--                                         <ul class="nav nav-tabs"> -->
<!--                                         	<li><span id="dataCount" style="font-size: 15px;margin-right:10px;line-height:30px;">共0条</span></li>  -->
<!--                                             <li class="active"><a href="#tab-1" data-toggle="tab">被执行人</a></li>  -->
<!--                                             <li class="active"> -->
<!--                                             	<div class="select"> -->
<!--                                        				<select class="form-control" id="time" onchange="timeseek(this)"> -->
<!--                                          				<option value="all">全部</option> -->
<!-- 								                    	<option value="24h">24小时</option> -->
<!-- 								                    	<option value="7d">7天</option> -->
<!-- 								                    	<option value="30d">30天</option> -->
<!-- 							                    	</select> -->
<!-- 										       </div> -->
<!-- 						                    </li> -->
<!-- 						                    <li><input class="select-text" id="searchkeyword" style="height: 34px;border: 1px solid #e5e6e7;border-radius: 4px;" placeholder="搜索"></li> -->
<!--                     						<li><button class="btn btn-primary" onclick="article(1)">搜索</button></li> -->
<!--                                         </ul> -->
<!--                                     </div> -->
<!--                                 </div> -->
                                <div class="panel-body">
                                <div class="tab-content">
                                <div class="tab-pane active" id="tab-1">
                                
                                    <div class="feed-activity-list" id="list">
                                    
                                    </div>
                                    <div class="feed-activity-list" id="logs">
                                    	<div class="box" id="box" style="float: right;"></div>
                                    </div>
                                </div>
                                </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>
    <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
    <!-- Page-Level Scripts -->
	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
	<script>
		function setselect(el){
			document.getElementById("inputSelected").innerHTML=el.text
		}

//		折线图
        $(document).ready(function () {
        	var data =[['北京', '4054'],['浙江', '9410'],['广东', '6610'],['上海', '7130'],['江苏', '8000'],['四川', '4760'],['湖南', '1670'],['河南', '2210'],['山西', '2980'],['安徽', '1980'],['湖北', '1080']]
            createbar("barcontent", "卫生所数量城市分布", data)
            $('.footable').footable();
        });
        
        $(function(){
        	article(1)
		});
        
        var time = ''
        
		function article(pageNum){
			$.ajax({
        		url : "${pageContext.request.contextPath}/localLife/clinicList",
        		type : "post",
        		data:{
        			pageNum: pageNum
        		},
        		success : function(res1) {
        			$('#list').html('')
        			let res = JSON.parse(res1);
        			if (res.totalPage > 400) {
        				res.totalPage = 400;
					}
        			paging(res.totalData, res.totalPage, pageNum)
        			var list = res.list
        			for (var i = 0; i < list.length; i++) {
        				if(list[i].org_name==undefined || list[i].org_name==''){
        					continue
        				}
						var html = '<div class="feed-element">'+
					                   '<div class="search-result">'+
					                   		'<h3 style="color:rgb(47,64,80);">'+list[i].org_name+'</h3>'+
					                   		'<br />'+
					                   		'<p>'+
				                   			'<span style="margin-right: 30px;">电话: '+(list[i].phone==undefined || list[i].phone.trim()=="" ? "暂无" : list[i].phone.trim())+'</span>'+
				                   			'<span style="margin-right: 30px;">地址: '+(list[i].address==undefined || list[i].address.trim()=="" ? "暂无" : list[i].address.trim())+'</span>'+
				                   			'<span style="margin-right: 30px;">类型: '+(list[i].org_type==undefined || list[i].org_type.trim()=="" ? "暂无" : list[i].org_type.trim())+'</span>'+
				                   		'</p>'+
				                   		'<p>'+
				                   			'<span style="margin-right: 30px;">省份: '+(list[i].province==undefined || list[i].province.trim()=="" ? "暂无" : list[i].province.trim())+'</span>'+
				                   			'<span style="margin-right: 30px;">城市: '+(list[i].city==undefined || list[i].city.trim()=="" ? "暂无" : list[i].city.trim())+'</span>'+
				                   			'<span style="margin-right: 30px;">区域: '+(list[i].area==undefined || list[i].area.trim()=="" ? "暂无" : list[i].area.trim())+'</span>'+
				                   			'<span style="margin-right: 30px;">街道: '+(list[i].street==undefined || list[i].street.trim()=="" ? "暂无" : list[i].street.trim())+'</span>'+
//					                   			'<span style="margin-right: 30px;">执行依据文好: '+list[i].gistId+'</span>'+
//					                   			'<span style="margin-right: 30px;">最新区域: '+list[i].areaNameNew+'</span>'+
//					                   			'<span style="margin-right: 30px;">更新频率: '+list[i].changefreq+'</span>'+
//					                   			'<span style="margin-right: 30px;">法院名称: '+list[i].courtName+'</span>'+
				                   		'</p>'+
// 					                   		'<p>职责: '+ list[i].duty+'</p>'+
// 					                   		'<p>'+
// 					                   			'<span style="margin-right: 30px;">履行情况: '+list[i].performance+'</span>'+
// 					                   			'<span style="margin-right: 30px;">行为: '+list[i].disruptTypeName+'</span>'+
// 					                   		'</p>'+
					                   '</div>'+
					               ' </div>'
					     $('#list').append(html)
					}
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			$('#list').html('<div class="feed-element">暂无数据！</div>')
        		}
        	});
        }
		
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			article(pageNum)
		}
    </script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
